<template>
    <div class="ricerca">
        <!-- 头部图片 -->
        <div class="child-header f-cen">
            <img src="../assets/images/ricerca/top-ricerca-sviluppo.jpg" />
            <div class="mask"></div>
            <div class="box">
                <div class="header-title animate__animated animate__bounceInDown">
                    <div class="title1">Ricerca e sviluppo</div>
                    <div class="title2">Un impegno costante</div>
                </div>
            </div>
        </div>

        <!-- 头部信息 -->
        <div class="header-info c">
            <div class="header-info-title">Bio-T e la ricerca</div>
            <div class="header-info-text">
                Uno dei maggiori impegni di Bio-t è rappresentato dalla raccolta di testimonianze che possano
                <b>certificare l’efficacia e la validità</b> dei propri dispositivi. Siamo infatti sempre alla ricerca di Centri terapeutici con cui creare collaborazioni per l’effettuazione di studi clinici.
            </div>
        </div>
        <div class="header-info-content f-aro">
            <p>
                Per ciò che concerne il dispositivo CIEM System, grazie alla raccolta di
                <b>schede paziente</b> e di numerosi articoli che si possono trovare sui principali e più accreditati portali e siti scientifici, tra cui PubMed, abbiamo potuto dimostrare ed avvalorare la reale efficacia dei nostri dispositivi, fornendo fatti e dati in maniera accurata e mettendoli nella giusta prospettiva, al fine di pubblicare studi solo in seguito ad attenti esami critici.
            </p>
            <p>
                Per quanto riguarda il dispositivo Papimi® – Terapia Enerpulse®, la raccolta di schede paziente presso diverse Strutture che lo utilizzano ha consentito di ottenere conferma degli straordinari risultati conseguiti trattando svariate patologie in differenti ambiti clinici e soprattutto di
                <b>comprovare l’efficacia e la validità</b> del macchinario tanto a sostegno del terapista quanto a supporto di altre tecnologie.
            </p>
        </div>

        <!-- 宫格图 -->
        <div class="main">
            <div class="main-box f-cen">
                <div class="main-box-content f-col">
                    <div class="f">
                        <div class="row f" v-for="(item1, index) in list" :key="index">
                            <div
                                class="item f"
                                :style="{ background: 'url( ' + item1.imgUrl + ')  no-repeat center' }"
                            >
                                <div class="item-left f-col">
                                    <div class="item-left-title">{{ item1.title }}</div>
                                    <div class="item-left-text">{{ item1.text }}</div>
                                    <a href="#/tecnoogie">
                                        <div class="btn c">LEGGI TUTTO</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="f">
                        <div class="row f" v-for="(item2, index2) in list2" :key="index2">
                            <div
                                class="item f-end"
                                :style="{ background: 'url( ' + item2.imgUrl + ')  no-repeat center ' }"
                            >
                                <div class="item-left f-col">
                                    <div class="item-left-title">{{ item2.title }}</div>
                                    <div class="item-left-text">{{ item2.text }}</div>
                                    <a href="#/tecnoogie">
                                        <div class="btn c">LEGGI TUTTO</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- clinica专栏 -->
        <div class="clinica j">
            <div class="clinica-title c">Clinica mobile nel mondo</div>
            <div class="clinica-content f-bet">
                <div class="f-col" style="padding-right: 50px;">
                    <p>Il dispositivo Papimi® è stato utilizzato presso la Clinica Mobile, struttura medica di pronto intervento, ideata dal Dott. Claudio Costa per soccorrere i piloti infortunati durante le gare motociclistiche. La Terapia Enerpulse® ha consentito di ottenere degli ottimi risultati per il trattamento di diverse patologie, accelerando così i tempi di recupero degli sportivi. In particolare riportiamo di seguito l’analisi conseguita dalla valutazione di 73 casi così suddivisi:</p>
                    <p>&nbsp;</p>
                    <li>
                        <b>12 fratture</b>, riguardanti l’articolazione della spalla, il polso, l’omero, la clavicola, il piatto tibiale, il malleolo peroneale
                    </li>
                    <li>
                        <b>13 patologie articolari e cartilaginee</b>, quali periartite della spalla, artrosi acromion-claveare, condropatia, gonartrosi, distorsione della caviglia e osteocondrite, borsite retrocalcaneare
                    </li>
                    <li>
                        <b>3 lussazioni</b>, relative a spalla ed acromion claveare
                    </li>
                    <li>
                        <b>26 patologie/lesioni legamentose e tendinee</b>, tra cui tendinopatie alla cuffia dei rotatori, conflitto acromion-claveare, tenosinovite del polso, sindrome di De Quervain, lesione di legamenti
                    </li>
                    <li>
                        <b>3 capsuliti</b>, tra cui capsulite adesiva
                    </li>
                    <li>
                        <b>5 casi di edema</b>, post traumatico e da contusione, all’articolazione della caviglia, del ginocchio, al legamento collaterale mediale
                    </li>
                </div>
                <img src="../assets/images/ricerca/clinicamobile-big.png" alt />
            </div>

            <div class="clinica-content f-bet" style="margin-top: 10px;">
                <img src="../assets/images/ricerca/successo-papimi.jpg" alt />
                <div class="f-col" style="padding-left: 50px;">
                    <p>Il numero di sedute complessivo per ogni patologia è andato da un minimo di 3 ad un massimo di 11, in base alla complessità del caso ed alla risposta da parte del paziente alla Terapia.</p>
                    <p>Si riporta di seguito un grafico riassuntivo, desunto dall’analisi di ogni singola scheda paziente, riportante in ascissa i vari casi trattati ed in ordinata la percentuale di successo.</p>
                    <p>I migliori risultati sono stati ottenuti nel trattamento di patologie articolari e cartilaginee, di lussazioni, di algie e nel post operatorio.</p>
                    <p>
                        <b>Un’analisi complessiva dei 73 casi, riporta ad una percentuale di successo totale pari all’85%.</b>
                    </p>
                </div>
            </div>

            <div class="clinica-content" style="margin-top: 50px;">
                <b>Il grande supporto all’attività fisioterapica-riabilitativa della Clinica Mobile</b>, come riportato dall’analisi sovrastante, è testimoniata nel video riportato di seguito, recante un’intervista al Dott. Costa, al Dott. Corbascio ed agli altri fisioterapisti della Struttura.
            </div>
            <div class="video f-cen">
                <div class="img">
                    <img src="../assets/images/ricerca/coverclinicamobile.jpg" alt />
                    <div class="block"></div>
                </div>
            </div>
        </div>
        <!-- aterlier专栏 -->
        <div class="aterlier j">
            <div class="aterlier-title c">Atelier Medico - Dott. Carlo Alberto Zaccagna</div>
            <div class="aterlier-content">
                <p>Al fine di testare la trasversalità applicativa del dispositivo Papimi per terapia Enerpulse, Bio-T Tecnologie per la Vita ha condotto uno studio sul trattamento dell’incontinenza urinaria avvalendosi della preziosa collaborazione del Dott. Carlo Alberto Zaccagna, medico esperto in nutrizione, idrocolon terapia e terapie naturali.</p>
                <p>Nonostante l’esperienza si basi sull’osservazione dei risultati ottenuti su un numero limitato di casi, tutti sono stati risolti in maniera soddisfacente con il trattamento Papimi Enerpulse, come envince dalla seguente tabella:</p>

                <p>&nbsp;</p>
                <div class="f-bet">
                    <div class="b">
                        <p>
                            Si tratta di
                            <b>8 casi perfettamente ristabiliti</b>, con il metodo applicato basato su:
                        </p>
                        <li>valutazione del tempo d’insorgenza</li>
                        <li>frequenza della perdita di orina</li>
                        <li>percezione soggettiva delle perdite</li>
                        <li>tempo di percezione e successiva perdita</li>
                        <li>necessità di applicare presidi (pannoloni) e quantità utilizzata nella giornata</li>
                        <li>valutazione soggettiva del ripristino della funzione</li>
                    </div>
                    <div
                        class="b"
                    >Tutte le pazienti sono state preventivamente sottoposte a trattamento alcalinizzante con integratori basici e acque alcaline nonché all’abolizione di alimenti fortemente acidogeni (zuccheri, metilxantine, eccesso di proteine carnee, etc.) nella convinzione che un eccesso di radicali acidi agisse da stimolo inibitorio depolarizzante sulla funzione delle cellule pace-makers. La durata del trattamento, per altro perfettamente tollerato, è stata stabilizzata, a seconda del caso, da 18 a 27 min. e distribuita sulle regioni sovrapubiche e sacrococcigee. Ad ogni fine trattamento le pazienti assumevano 100-150 ml di acqua alcalina a pH 8.</div>
                </div>

                <p>Il numero delle applicazioni, con cadenza bisettimanale, è stato valutato in base alla risposta soggettiva della frequenza e soprattutto della percezione dello stimolo minzionale; come appare dalla tabella non è stato necessario superare le 5-6 applicazioni.</p>
                <p>
                    <b>Il controllo a 15 e 30 giorni ha confermato la stabilizzazione della funzione urinaria;</b> in nessun caso sono state necessarie ulteriori sedute di richiamo o di mantenimento.
                </p>

                <div class="f-bet" style="margin-top: 40px;">
                    <div class="b">
                        <p>L’efficacia del trattamento Papimi-Enerpulse su questo tipologia di problematica, secondo il pensiero del Dott. Zaccagna, è dovuta all’azione delle PEMF (Pulsed Elettro Magnetic Fields) direttamente sulle cellule pace-maker piuttosto che sull’intera struttura nervosa vegetativa (simpatica e parasimpatica), dal momento che è sufficiente una restitutio ad integrum dei meccanismi che presiedono l’alternanza dell’automatismo contrazione-rilasciamento alterato da una qualsiasi causa (ovviamente non traumatica). Infatti, proprio grazie all’azione diretta delle PEMF sui potenziali di membrana delle cellule pacemaker che sappiamo essere particolarmente instabili, è possibile ripristinare il meccanismo di feedback alterato.</p>
                        <p>&nbsp;</p>
                        <p>
                            Al fine di testare la trasversalità applicativa del dispositivo
                            <b>Papimi per terapia Enerpulse</b>, Bio-T Tecnologie per la Vita ha condotto uno studio sul trattamento dell’
                            <b>incontinenza urinaria.</b>
                        </p>
                    </div>
                    <div class="b">
                        <b>Di seguito, il link all’intervista intera al Dott. Zaccagna in merito allo studio condotto con il dispositivo Papimi per terapia Enerpulse:</b>
                        <div class="video f-cen">
                            <div class="img">
                                <img src="../assets/images/ricerca/coverclinicamobile.jpg" alt />
                                <div class="block"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup>
let list = [{
    title: 'Heart Rate Variability',
    text: 'L’essere umano, durante la sua vita quotidiana, deve far fronte a numerosi stimoli endogeni ed ambientali, che mettono l’organismo in una situazione di adattamento costante. Il Sistema Nervoso Autonomo (SNA) gioca un ruolo  importantissimo a tal proposito, ponendosi come una specie di “direttore d’orchestra” nella gestione di tutti i processi fisiologici.',
    imgUrl: 'src/assets/images/ricerca/list1.jpg'

}, {
    title: 'Stress e patologie correlate',
    text: 'Lo stress, visti i ritmi frenetici che caratterizzano la realtà quotidiana della popolazione occidentale, è divenuto un concetto oramai comune e conosciuto ai più, alla cui base possono esserci differenti ragioni, come fattori ambientali o sociali, presenza di malattie, problemi lavorativi, traumi o cataclismi. ',
    imgUrl: 'src/assets/images/ricerca/list2.jpg'

}]
let list2 = [{
    title: 'Clinica Mobile',
    text: 'Il dispositivo Papimi® è stato utilizzato presso la Clinica Mobile, struttura medica di pronto intervento, ideata dal Dott. Claudio Costa per soccorrere i piloti infortunati durante le gare motociclistiche.',
    imgUrl: 'src/assets/images/ricerca/list3.jpg'

}, {
    title: 'Atelier Medico',
    text: 'Al fine di testare la trasversalità applicativa del dispositivo Papimi per terapia Enerpulse, Bio-T Tecnologie per la Vita ha condotto uno studio sul trattamento dell’incontinenza urinaria avvalendosi della preziosa collaborazione del Dott. Carlo Alberto Zaccagna, medico esperto in nutrizione, idrocolon terapia e terapie naturali.',
    imgUrl: 'src/assets/images/ricerca/list4.jpg'

}]
</script>

<style lang="less" scoped>
.ricerca {
    .header-info {
        max-width: 850px;
        margin: 80px auto 30px auto;
        &-title {
            color: @text-title;
            font-size: 34px;
            font-weight: 600;
        }
        &-text {
            color: @text-main;
            font-size: 14px;
            margin-bottom: 10px;
        }
    }
    .header-info-content {
        margin: 30px auto 80px auto;
        max-width: @box-width+100;
        width: 100%;
        p {
            margin: 0 50px;
            width: 100%;
            text-align: justify;
            font-size: 14px;
            color: @text-main;
        }
    }
    .main {
        &-box {
            &-content {
                max-width: @box-width+100px;
                width: 100%;
                padding: 0 25px;
                .row {
                    width: 100%;
                    .item {
                        margin: 12px 15px;
                        width: 100%;
                        height: 350px;
                        background-size: cover !important;
                        &-left {
                            justify-content: center;
                            width: 50%;
                            background-color: rgba(255, 255, 255, 0.8);
                            padding: 20px;
                            &-title {
                                color: @text-title;
                                font-size: 20px;
                                font-weight: 600;
                            }
                            &-text {
                                font-size: 12px;
                                color: @text-main;
                                text-align: justify;
                            }
                        }
                        .btn {
                            color: @text;
                            background-color: @bg2;
                            font-size: 14px;
                            border-radius: 3px;
                            margin-top: 20px;
                            max-width: 120px;
                            cursor: pointer;
                            padding: 8px;
                        }
                    }
                }
            }
        }
    }
    .clinica {
        margin-top: 50px;
        background: -webkit-linear-gradient(
            top,
            rgb(162, 216, 224) 0%,
            rgb(230, 248, 250) 49%,
            rgb(162, 216, 224) 100%
        );
        width: 100%;
        padding: 50px;
        color: @text-main;

        &-title {
            color: @text-title;
            font-size: 34px;
            font-weight: 600;
        }
        &-content {
            max-width: @box-width;
            margin: 0 auto;
            align-items: flex-start;
            font-size: 14px;
        }
        .video {
            margin: 20px auto;
            .img {
                max-width: 500px;
                max-height: 280px;
                position: relative;
                cursor: pointer;
                img {
                    height: 100%;
                    width: 100%;
                }
                .block {
                    position: absolute;
                    top: 0;
                    left: 0;
                    transition: 0.5s;
                    width: 100%;
                    height: 100%;
                    background-color: #999;
                    opacity: 0;
                    &:hover {
                        opacity: 0.2;
                    }
                }
            }
        }
    }

    .aterlier {
        background: url(../assets/images/ricerca/bg.jpg) 100% 100% no-repeat;
        width: 100%;
        padding: 50px;
        color: @text-main;
        margin: 30px auto 0 auto;
        &-title {
            color: @text-title;
            font-size: 34px;
            font-weight: 600;
            margin-bottom: 30px;
        }
        &-content {
            max-width: @box-width;

            margin: 0 auto;
            align-items: flex-start;
            font-size: 14px;
            p {
                margin-bottom: 10px;
            }
            .b {
                width: 47%;
                align-self: start;
                margin-bottom: 15px;
            }
        }
        .video {
            margin: 40px auto;
            .img {
                max-width: 500px;
                max-height: 280px;
                position: relative;
                cursor: pointer;
                img {
                    height: 100%;
                    width: 100%;
                }
                .block {
                    position: absolute;
                    top: 0;
                    left: 0;
                    transition: 0.5s;
                    width: 100%;
                    height: 100%;
                    background-color: #999;
                    opacity: 0;
                    &:hover {
                        opacity: 0.5;
                    }
                }
            }
        }
    }
}
</style>